<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div id="sidebar" class="grid_3">
    <!-- 分类 -->
    <aside id="categories_nav">
        <header class="aside_title">
            <h3>分类</h3>
        </header>

        <nav class="right_menu">
            <ul>
                <li><a href="index">首 页</a></li>
                <li><a href="#">新品上市</a></li>
                <li><a href="#">特价促销</a></li>
                <li><a href="catalogBlock?blockId=1">吊坠挂件</a></li>
                <li><a href="catalogBlock?blockId=2">手镯珠链</a></li>
                <li><a href="catalogBlock?blockId=3">戒指耳环</a></li>
                <li><a href="catalogBlock?blockId=4">手玩件</a></li>
                <li><a href="catalogBlock?blockId=5">摆件</a></li>
                <li><a href="catalogBlock?blockId=6">翡翠专区</a></li>
                <li><a href="catalogBlock?blockId=7">DIY制作</a></li>
            </ul>
        </nav>
    </aside>

    <!-- 热销排行榜 -->
    <aside id="specials" class="specials">
        <header class="aside_title">
            <h3>热销排行榜</h3>
        </header>

        <ul>
            <li>
                <div class="prev">
                    <a href="#"><img src="img/content/product7.png" alt="Product 7" title=""></a>
                </div>

                <div class="cont">
                    <a href="#">Emerald Cut Emerald Ring</a>
                    <div class="prise"><span class="old">$1770.00</span> $750.00</div>
                </div>
            </li>

            <li>
                <div class="prev">
                    <a href="#"><img src="img/content/product1.png" alt="Product 1" title=""></a>
                </div>

                <div class="cont">
                    <a href="#">Handmade Emerald Diamond Solitaire</a>
                    <div class="prise">$3250.00</div>
                </div>
            </li>
        </ul>
    </aside>

    <aside id="compare_products">
        <header class="aside_title">
            <h3>Compare Products</h3>
        </header>

        <ul>
            <li><a title="close" class="close" href="#"></a>Home Collection Honeysuckle Orchid Flameless</li>
            <li><a title="close" class="close" href="#"></a>Caldrea Linen and Room Spray, Ginger Pomelo</li>
            <li><a title="close" class="close" href="#"></a>Fresh Wave Travel Size Spray</li>
        </ul>

        <button class="compare">Compare</button>
        <a class="clear_all" href="#">Clear All</a>

        <div class="clear"></div>
    </aside>

</div><!-- .sidebar -->

<div class="clear"></div>
